;(function(global) {
  global.recommend = {
    template: `
              <div class="flex-wrap recommend-recomment-container">
                <div class="recommend-recomment-img-container">
                  <img :src="recommendData.coverurl" alt="错误">
                </div>
                <div class="flex recommend-right">
                  <div class="recommend-right-container">
                    <div class="text-ess-2 recommend-title">{{ recommendData.title }}</div>
                    <div class="flex-wrap flex-justify-between flex-bottom-wrap">
                      <div>
                          <span class="recommend-price"><span class="recommend-money">￥</span>{{ recommendData.price }}</span>
                          <span v-if="recommendData.shop_price>0" class="recommend-old-price">￥{{ parseInt(recommendData.shop_price) }}</span>
                      </div>
                      <div class="recommend-common">
                          <img class="recommend-views" src="../../pages/courseCenter/image/excellentCourses/personNum.png">
                          <span>{{ recommendData.views }}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          `,
    props: ['recommendData'],
    data() {
      return {}
    },
    computed: {},
    methods: {},
    created() {},
    mounted() {}
  }
})(window)
